<%-- 
    Document   : gioithieu
    Created on : Nov 28, 2013, 4:03:13 PM
    Author     : THICH HOA DONG TIEN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <link rel="stylesheet" href="css/bocuc.css" type="text/css"/>
        <link rel="stylesheet" href="css/testcss.css" type="text/css"/>
        <link rel="stylesheet" href="css/mystyle.css" type="text/css"/>
        <link rel="stylesheet" href="css/botoncss.css" type="text/css"/>
        <link rel="stylesheet" href="css/trangcanhan.css" type="text/css"/>

        <title>giới thiệu</title>
         <script type="text/javascript" src="jquery/jquery-1.8.0.min.js"></script>

      
          <script type="text/javascript" >
              
            $(function() {
                $(".inputsearch").keyup(function()
                {
                    var searchid = $(this).val();
                    var dataString = 'search=' + searchid;
                    if (searchid !== '')
                    {
                        $.ajax({
                            type: "POST",
                            url: "searchAjax.jsp",
                            data: dataString,
                            cache: false,
                            success: function(html)
                            {
                                $("#showhint").html(html).show();
                            }
                        });
                    }else{
                         jQuery("#showhint").hide();
                    }
                    return false;
                });

                jQuery("#showhint").live("click", function(e) {
                    var $clicked = $(e.target);
                    var $name = $clicked.find('.name').html();
                    var decoded = $("<div/>").html($name).text();
                    $('#searchid').val(decoded);
                });
                jQuery(document).live("click", function(e) {
                    var $clicked = $(e.target);
                    if (!$clicked.hasClass("inputsearch")) {
                        jQuery("#showhint").fadeOut();
                    }
                });
                $('#searchid').click(function() {
                    jQuery("#showhint").fadeIn();
                });
                
            });
        </script>
        <style type="text/css">
         //body{ 
         //       font-family:Tahoma, Geneva, sans-serif;
         //       font-size:18px;
         //   }
        //    .content{
        //        width:900px;
        //        margin:0 auto;
        //    }
            .name{
                width:446px;
                
                margin-top:-1px !important;
                background-color:transparent !important;
                margin-left:0;}
            #showhint
            {
                position:absolute;
                width:446px;
                padding:10px;
                display:none;
                margin-top:-1px;
                border-top:0px;
                overflow:hidden;
                border:1px #CCC solid;
                background-color: white;
                margin-left: 423px;
            }
            .show
            {
                padding:10px; 
                border-bottom:1px #999 dashed;
                font-size:15px; 
                height:50px;
            }
            .show:hover
            {
                background:#4c66a4;
                color:#FFF;
                cursor:pointer;
            }
            .name:hover
            {
                background:#4c66a4;
                color:#FFF;
                cursor:pointer;
            }
        </style>
    </head>
    <body>
        <div class="bodypage">
            <!phan dau cua trang>
            <div class="top">
                <%@include file='header.jsp'%>
            </div>
            <!phan search>
            <div class="khoangcachtrang">
                <div class="searchgroup">

                    <%@include file='search.jsp' %> 
                    <div class="chontimkiem">
                        <a href="timkiemnangcao.jsp">Tìm Kiếm Nâng Cao</a>
                    </div>

                </div>
            </div>
            <div class="centerpage">

                <div class="leftsite">
                    <div class="menuweb">
                        <%@include file='menuleft.jsp' %>
                    </div>
                </div>
                <div class="content">
                    <div class="khoangtrang"></div>
                    <div class="gioithieu">
                        <h1>BUSINESS CARD</h1>
                        <h4 style="text-align: justify">Với sự phát triển mạnh mẽ của công nghệ thông tin, sự lớn mạnh và rộng khắp của máy tính toàn cầu. Việc đem thế mạnh đó phục vụ cho đời sống con người đã và đang mang lại những hiệu quả và những lợi ích to lớn về mọi mặt. Thông qua mạng máy tính con người đã tiếp xúc với mọi loại tri thức văn hóa xã hội. Thông tin trở thành phần quan trọng không thể thiếu trong cuộc sống đặc biệt là trong kinh doanh. Khi công việc kinh doanh ngày càng phát triển thì nhu cầu trao đổi về thông tin liên lạc cũng tăng cao.
                            Việc chia sẻ những thông tin trên business card cá nhân là việc vô cũng cần thiết thể duy trì mối quan hệ cuộc sống cũng như mối quan hệ kinh doanh, công việc. Tuy nhiên, việc chia sẻ thông tin liên lạc này vẫn còn đang hạn chế vì nó chỉ được chia sẻ trên tấm danh thiếp mỗi khi chúng ta gặp mặt mới có được. Như vậy mối quan hệ vì thế mà thu hẹp lại, bỏ lỡ những đối tác, mối quan hệ tiềm năng, các công ty lớn vv…
                            Nắm bắt được nhu cầu thực tế đó, nhóm em bắt tay vào thực hiện đề tài xây dựng website chia sẻ business card. Với hệ thống website này sẽ cung cấp các danh thiếp của các đối tượng kinh doanh. Người dùng sẽ có được những thông tin liên lạc mà họ cần một cách dễ dàng, các mối quan hệ kinh doanh được mở ra dễ dàng hơn, giúp các đối tác kinh doanh dễ dàng tìm đến nhau mà không nhất thiết phải gặp mặt, hay quen biết chúng ta mới có được.
                        </h4>
                    </div>
                    <div class="khoangtrang"></div>
                </div>

                <div class="right">
                </div>
            </div>
            <div class="footer">
            </div>
        </div>

    </body>
</html>
